<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/摄像头.css" />
    <title>Document</title>
</head>

<body>
    <div class="shortcut">
        <div class="layout">
            <div class="layout-left">
                <div class="layout-left1">
                    <a style="color: #afafaf; text-decoration: none" href="https://www.vmall.com/">首页</a>
                </div>
                <div class="layout-left2">
                    <a style="color: #afafaf; text-decoration: none" href="https://consumer.huawei.com/cn/">华为官网</a>
                </div>
                <div class="layout-left3">
                    <a style="color: #afafaf; text-decoration: none" href="https://consumer.huawei.com/cn/">花粉俱乐部</a>
                </div>
                <div class="layout-left4">
                    <a style="color: #afafaf; text-decoration: none" href="https://www.vmall.com/priority">V码(优购码)</a>
                </div>
                <div class="layout-left5">
                    <a style="color: #afafaf; text-decoration: none" href="https://company.vmall.com/#/huawei">企业购</a>
                </div>
                <div class="layout-left6">
                    <a style="color: #afafaf; text-decoration: none" href="https://company.vmall.com/#/huawei">Select
                        Region</a>
                </div>
                <div class="more">
                    <span style="color: #afafaf; text-decoration: none">更多精彩</span>
                    &nbsp;<span style="color:#afafaf ;" class="iconfont icon-xiangxia2"></span>
                    <div class="more-box">
                        <div class="more-box1"><a href="https://www.harmonyos.com/cn/home/">HarmonyOS</a></div>
                        <div class="more-box1"><a href="https://appgallery.huawei.com/">应用市场</a></div>
                        <div class="more-box1"><a href="https://cloud.huawei.com/">华为终端云空间</a></div>
                        <div class="more-box1"><a href="https://developer.huawei.com/consumer/cn/">开发者联盟</a></div>

                    </div>
                </div>
            </div>
            <div class="layout-right">
                <div class="layout-right1">
                    <a href="">请登录</a>&nbsp;&nbsp;<a href="">注册</a>
                </div>
                <div class="layout-right2">
                    <a href="">我的订单</a>
                </div>
                <div class="layout-right3">
                    <span style="color: #afafaf; text-decoration: none">客户服务</span>
                    &nbsp;<span style="color:#afafaf ;font-size: 12px;" class="iconfont icon-xiangxia2"></span>
                    <div class="layout-right3-box">
                        <div class="layout-right3-box1"><a href="https://www.harmonyos.com/cn/home/">服务中心</a></div>
                        <div class="layout-right3-box1"><a href="https://appgallery.huawei.com/">联系客服</a></div>
                    </div>
                </div>
                <div class="layout-right4">
                    <a href="">网站导航</a>
                </div>
                <div class="layout-right5">
                    <span style="color: #afafaf; text-decoration: none">手机版</span>
                    &nbsp;<span style="color:#afafaf ;" class="iconfont icon-xiangxia2"></span>
                    <div class="layout-right5-box">
                        <div class="layout-right5-box1">
                            <div class="hw-app">
                                <img style="width: 100%;" src="./img/LiFei-img/5B874DC0E45B0467105D3D3872A3E9A3.webp"
                                    alt="">
                            </div>
                            <div class="hw-app1">
                                <h2 style="font-size: 14px;margin-bottom: 2px;">华为商城APP</h2>
                                <p style="color: #cb242b;">新人专享好礼<br>最高5000积分</p>
                                <div class="asd">
                                    <div class="zxc"> <span style="font-size: 32px; "
                                            class="iconfont icon-android"></span>
                                    </div>
                                    <div class="zxc"> <span style="font-size: 32px; "
                                            class="iconfont icon-iphone"></span>
                                    </div>
                                    <div class="zxc"> <span style="font-size: 32px; "
                                            class="iconfont icon-wechat"></span>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="layout-right5-box2">
                            <div class="layout-right5-box2-left">
                                <img style="width: 100%;" src="./img/LiFei-img/5B874DC0E45B0467105D3D3872A3E9A3.webp"
                                    alt="">
                            </div>
                            <div class="layout-right5-box2-right">
                                <h2 style="font-size: 14px;">
                                    华为商城公众号
                                </h2>
                                <p>微信扫一扫</p>
                                <div class="zxc"> <span style="font-size: 32px; " class="iconfont icon-wechat"></span>
                                </div>
                            </div>

                        </div>
                        <div class="layout-right5-box2">
                            <div class="layout-right5-box2-left">
                                <img style="width: 100%;" src="./img/LiFei-img/89531474913617413598.webp" alt="">
                            </div>
                            <div class="layout-right5-box2-right">
                                <p>微信小程序</p>
                                <div class="zxc"> <span style="font-size: 32px; " class="iconfont icon-wechat"></span>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
                <div class="layout-right6">
                    <div class="gouwuche">
                        <div class="gouwuche1"><span style="font-size: 12px;color: #afafaf; "
                                class="iconfont icon-gouwuche"></span></div>
                        <p>购物车</p>
                    </div>
                    <div class="layout-right6-box">
                        <div class="layout-right6-box1">
                            <div class="layout-right6-box1-1"><span style="color: #afafaf; "
                                    class="iconfont icon-gouwuche"></span> </div>
                        </div>
                        <div class="layout-right6-box2">
                            <p>您的购物车是空的，赶紧选购吧~</p>
                        </div>
                        <div class="layout-right6-box3">
                            <a href="https://www.vmall.com/">去逛逛吧</a>
                        </div>


                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="header-content">
            <div class="header-content-left">
                <div class="header-content-left-logo">

                </div>
                <div class="header-content-left-2">
                    <div class="header-content-left-2-a">
                        <div class="header-content-left-2-a-1"></div>
                    </div>
                </div>
                <div class="header-content-left-3"></div>
                <div class="header-content-left-4"></div>
                <div class="header-content-left-5"></div>
                <div class="header-content-left-6"></div>
                <div class="header-content-left-7"></div>
            </div>
            <div class="header-content-right">
                <div class="header-content-right-phone"></div>
                <div class="header-content-right-sousuo"></div>

            </div>
        </div>
    </div>
    <div class="null"></div>
    <div class="title">
        <div class="title-content">
            <a href="https://www.vmall.com/index.html">首页</a>&nbsp;&gt;&nbsp;<a
                href="https://www.vmall.com/list-43">生态产品</a>&nbsp;&gt;&nbsp;<a
                href="https://www.vmall.com/list-844">智能门锁</a>&nbsp;&gt;&nbsp;<span>华为智选 徳施曼智能门锁 高端黑 (支持HUAWEI
                HiLink)</span>
        </div>
    </div>
    <div class="content">
        <div class="shop">
            <div class="shop-left">
                <div class="shop-left1">
                    <img style="width: 100%;" src="./img/LiFei-img/7FA5562E7E272B2C90DA0E2893B12B09.jpg.webp" alt="">
                </div>
                <div class="shop-left1-1">
                    <img style="width: 100%;" src="./img/LiFei-img/800_800_83F994CDD392F3625D54A92A1289E8CA.webp"
                        alt="">
                </div>
                <div class="shop-left2">
                    <div class="shop-left2-content">
                        <div class="shop-left2-content-1">
                            <img style="width: 100%;" src="./img/LiFei-img/7FA5562E7E272B2C90DA0E2893B12B09.jpg.webp"
                                alt="">
                        </div>
                        <div class="shop-left2-content-1">
                            <img style="width: 100%;"
                                src="./img/LiFei-img/800_800_83F994CDD392F3625D54A92A1289E8CA.webp" alt="">
                        </div>
                        <div class="shop-left2-content-1">
                            <img style="width: 100%;"
                                src="./img/LiFei-img/800_800_63243E1F3F83152D7AD14F9E5D255ACE.webp" alt="">
                        </div>
                        <div class="shop-left2-content-1">
                            <img style="width: 100%;"
                                src="./img/LiFei-img/800_800_2399103BBC5683A65D495F2301186155.webp" alt="">
                        </div>
                        <div class="shop-left2-content-1">
                            <img style="width: 100%;"
                                src="./img/LiFei-img/800_800_B2D131358F1803A8E2A2C0480044EEA8.webp" alt="">
                        </div>

                    </div>
                    <span style="font-size:30px ;position: absolute;
                top: 20px;color: gray;" class="iconfont icon-fangxiangyuan-xiangzuo"></span>
                    <span style="font-size:30px ;position: absolute;
                top: 20px;right: 0;color: gray;" class="iconfont icon-fangxiangyuan-xiangyou"></span>
                </div>
            </div>
            <div class="shop-right">
                <div style=" font-size: 21px;" class="shop-right1">
                    <span>华为智选 徳施曼智能门锁 高端黑 (支持HUAWEI HiLink)</span>
                </div>
                <div class="shop-right2">
                    <span>全自动开关锁，C级锁芯，锁芯行业最高等级认证，手机一碰开锁，OTG反向充电，九重安全防护，指纹识别率99%，双锂供电，超长续航，国密算法安全芯片，品质美学，高端工艺（部分区域安装未覆盖，详见详</span>
                </div>
                <div class="shop-right3">
                    <div class="shop-right3-1">
                        <label>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</label>
                        <div style="margin-left:25px ;display: flex;align-items: center;color: #ca141d;"><span
                                style="font-size: 16px;">￥</span>
                            &nbsp; <span style="font-size: 24px;">1799</span></div>
                    </div>
                    <div class="shop-right3-1">
                        <label>优&nbsp;&nbsp;惠&nbsp;&nbsp;券&nbsp;&nbsp;</label>
                        <div style="display: flex ;align-items: center;">
                            <div
                                style="margin-left:25px ;display: flex;justify-content: center;align-items: center;color: white;">
                                <span style="font-size: 12px;width: 61.35px;height: 20px;
                            background-color: #ca141d;">领券直减</span>
                                &nbsp; <span style="font-size: 12px;color: #ca141d;">立即领取 ></span>
                            </div>
                        </div>

                    </div>
                    <div class="shop-right3-1">
                        <label>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</label>
                        <div style="margin-left:25px ;display: flex;align-items: center;color: #ca141d;"><span
                                style="font-size: 12px;border: 1px solid red;">赠送积分</span>
                            &nbsp; <span style="font-size: 12px;margin-left: 10px;color: black;">购买即赠商城积分，积分可抵现~
                            </span></div>
                    </div>
                </div>
                <div class="shop-right4">
                    <div class="shop-right4-left"><span style="font-size: 12px;">服务说明</span></div>
                    <div class="shop-right4-right">
                        <div class="shop-right4-right-1">
                            <span>包邮</span>
                        </div>
                        <span style="font-size: 16px; position: absolute;" class="iconfont icon-quangou"></span>
                        <div class="shop-right4-right-2">
                            <span>由<span style="color:#cf0a2c ;">第三方商家</span>提供商品、发货开票及售后服务</span>
                        </div>
                        <span style="position: absolute;left:798px" class="iconfont icon-quangou"></span>
                        <div class="shop-right4-right-3">
                            <span>48小时内发货</span>
                        </div>
                        <span style="position: absolute;left:1068px" class="iconfont icon-quangou"></span>
                        <div class="shop-right4-right-3">
                            <span>退换货政策说明</span>
                        </div>
                        <span style="position: absolute;left:1172px" class="iconfont icon-quangou"></span><br>
                    </div>
                </div>
                <div class="shop-right5">
                    <label>商品编码</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>3102150332701</span>
                </div>
                <div class="shop-right6">
                    <div style="width: 85px;height:40px;display: flex;align-items: center;"><label>选择颜色</label></div>
                    <div class="shop-right6-right">
                        <div class="shop-right6-box1">
                            <div class="shop-right6-box1-1">
                                <a style="display: flex;align-items: center;text-decoration: none;" href=""><img src="./img/LiFei-img/40_40_BEA271758F0F5C279D111373B116C917mp.png" alt="">
                                    <p>高端黑</p></a>
                            </div>
                        </div>
                        <div class="shop-right6-box1">
                            <div class="shop-right6-box1-1">
                                <a style="display: flex;align-items: center;text-decoration: none;" href=""><img src="./img/LiFei-img/40_40_F9552217D48335E0AB5DC50734720409mp.png" alt="">
                                    <p>咖啡金</p></a>
                            </div>
                        </div>
                        <div class="shop-right6-box2"></div>
                    </div>

                </div>
                <div class="shop-right7"></div>
                <div class="shop-right8"></div>
            </div>
        </div>
    </div>
    </div>
    <div class="slogan"></div>
    <div class="service"></div>
    <div class="footer"></div>
</body>

</html>